<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>交通打卡</title>
		<!-- 引入layui -->
		<link rel="stylesheet" href="../sources/layui/css/layui.css" />
		<!-- 引入挑战赛的格式文件 -->
		<link rel="stylesheet" href="../css/layout_happiest_challenge.css" />
		<!-- 引入布局文件 -->
		<link rel="stylesheet" href="../css/layout_personal_center.css" />
		<!-- 引入本地布局文件 -->
		<link rel="stylesheet" href="../css/layout_places.css" />
	</head>
	<body>
		<!-- 导航栏部分 -->
		<nav class="nav">
			<div class="left_nav">
				<div class="logo">m</div>
				<span>Heartwarming</span>
			</div>
			<div class="search_nav">
				<div class="searchBar">
					<img src="../sources/icon/search_1.png" class="mg" />
					<input
						type="text"
						id="search"
						value="Search Warm story or Love happiness"
						onfocus="if(value=='Search Warm story or Love happiness')value=''"
						onblur="if(!value)value='Search Warm story or Love happiness'"
						name="keyword"
					/>
					<img src="../sources/icon/voice_1.png" class="mcp" />
				</div>
			</div>

			<div class="right_nav">
				<ul>
					<li>
						<a href="" id="">探索</a>
						<div class="submenu">
							<ul>
								<li>
									<a href="../index.html#fire_advice"
										>热门推荐</a
									>
								</li>
								<li>
									<a href="happiest_challenge.html">挑战赛</a>
								</li>
								<li>
									<a href="upload_article_ahead.html"
										>暖心扶贫</a
									>
								</li>
							</ul>
						</div>
					</li>
					<li><a href="license.html">许可证</a></li>
					<li class="myself">
						<a href="personal_center2.html"
							><img src="../img/login/row_1_1.jpeg" />个人中心</a
						>
					</li>
					<li>
						<a href="upload.html">
							<button class="btn_upload">上传内容</button>
						</a>
					</li>
				</ul>
			</div>
		</nav>
		<!-- 主体导航栏部分 -->
		<div class="clear"></div>
		<main class="main_content">
			<!-- 导航栏 -->
			<div class="main_nav">
				<ul class="">
					<li>
						<a href="../index.html" class="main_nav_food">主页</a>
					</li>
					<li><a href="../index.html#fire_advice">热门推荐</a></li>
					<!-- <li><a href="">悬崖村</a></li> -->
					<li><a href="upload_article_ahead.html">暖心扶贫</a></li>
					<li>
						<a href="happiest_challenge.html"
							><span>挑战赛</span></a
						>
					</li>
					<li><a href="question_solve.html">常见问题</a></li>
				</ul>
			</div>
		</main>

		<!-- 主题内容部分 -->
		<div class="food_main_content">
			<ul>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (1).jpeg"
								alt=""
							/>
							<h3>纽约中央车站</h3>
						</div>
					</a>
					<hr />
				</li>

				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (1).png"
								alt=""
							/>
							<h3>马德里阿托查火车站</h3>
						</div>
					</a>
					<hr />
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (2).jpeg"
								alt=""
							/>
							<h3>波尔图圣本笃车站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (2).png"
								alt=""
							/>
							<h3>孟买维多利亚终点站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (3).jpeg"
								alt=""
							/>
							<h3>孟买维多利亚终点站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (4).jpeg"
								alt=""
							/>
							<h3>墨尔本弗林德斯车站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (5).jpeg"
								alt=""
							/>
							<h3>鹿特丹中央车站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (6).jpeg"
								alt=""
							/>
							<h3>锡凯尔火车站</h3>
						</div>
						<hr />
					</a>
				</li>
				<li>
					<a href="">
						<div class="text">
							<img
								src="../img/main_content/arrive/drive (7).jpeg"
								alt=""
							/>
							<h3>海德帕夏火车站</h3>
						</div>
						<hr />
					</a>
				</li>
			</ul>
		</div>
		<footer class="personal_footer">
			<span> 当前第 <strong>1</strong> 页 共 <strong>3</strong> 页</span>
			<a href="">下一页</a>
		</footer>
	</body>
</html>
